<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" oncopy="return false" oncut="return false;">
		<title></title>
	</head>
	<style type="text/css">
		.content{
			width: 1200px;
			height: auto;
			margin: 0 auto;
			background-color: aliceblue;
		}
		.main{
			
		}
		.cnt1{
			
			display: flex;
			align-items: center;
			font-size: 25px;
			padding-bottom: 12px;
		
			margin-bottom: 40px;
			}
			.cnt1 span{
				margin-left: 180px;
				width: 220px;
			}
			.cnt1 input{
width: 600px;
height: 48px;
border-radius: 20px;
border: 2px solid #bbbbbb;
font-size: 24px;
			
			}
			.cnt1 input::-webkit-input-placeholder{
				padding-left: 20px;
				font-size: 22px;
			}
			.cnt1 img{
				width: 36px;
				margin-left: -40px;
			}
			.cnt2{
				display: flex;
				
				flex-wrap: wrap;
			}
			.item2{
				display: flex;
				flex-direction: column;
align-items: center;
				font-size: 24px;
				padding-left: 183px;
				margin-bottom: 100px;
			}
			.item2 img{
				width: 150px;
				height: 150px;
				
			}
		
			
	</style>
	<body>
		<div class="content">
			<div class="main">
				<div class="cnt1">
					<span>机构及人员查询</span>
					<input type="" name="" id="" value="" placeholder="机构及人员查询"/>
					<img src="img/hy_cx_1.png" >
				</div>
				<div class="cnt2">
				<div class="item2" >
					<img src="img/hy_cx_2.png" >
					<span>公证处</span>
				</div>
				<div class="item2">
					<img src="img/hy_cx_3.png" >
					<span>律师事务所</span>
				</div>
				<div class="item2">
					<img src="img/hy_cx_4.png" >
					<span>法律援助中心</span>
				</div>
				<div class="item2">
					<img src="img/hy_cx_5.png" >
					<span>调委会</span>
				</div>
				<div class="item2" >
					<img src="img/hy_cx_6.png" >
					<span>司法所</span>
				</div>
				<div class="item2">
					<img src="img/hy_cx_7.png" >
					<span>司法鉴定所</span>
				</div><div class="item2">
					<img src="img/hy_cx_8.png" >
					<span>法律服务所</span>
				</div>
					
				</div>
				<div class="cnt1">
					<span>文本查询</span>
					<input type="" name="" id="" value="" placeholder="文本查询"/>
					<img src="img/hy_cx_1.png" >
				</div>
				<div class="cnt2">
					<div class="item2" >
						<img src="img/hy_cx_9.png" >
						<span>公证处</span>
					</div>
					<div class="item2">
						<img src="img/hy_cx_10.png" >
						<span>律师事务所</span>
					</div>
					<div class="item2">
						<img src="img/hy_cx_11.png" >
						<span>法律援助中心</span>
					</div>
				
					
					
				</div>
			
			</div>
		
		</div>
	</body>
</html>
